<extend name="Base/common"/>

<block name="style">
    <meta property="qc:admins" content="53554461776113636" />
    <style>
		.jumbotron {
			padding: 0 0;
			margin-bottom: 0;
			color: #ffffff;
		}
		.jumbotron p{
		    padding: 0 5px;
		    font-size: 14px;
		    color: #ffffff;
		}
		.owl-theme{
		    padding-left:10px; padding-right: 10px;
		}
		.texing {
			padding-left: 0;
			padding-right: 0;
		}
		.texing .thumbnail {
			padding: 4px;
			line-height: 1.42857143;
			background-color: #f2f2f2;
			border: 1px solid #fff;
			border-radius: 3px;
			-webkit-transition: border .2s ease-in-out;
			margin-bottom: 0;
		}
		.texing .thumbnail p {
			padding: 0 5px;
		}
		.feature-title {
			margin-bottom: 15px;
		}
		.feature-list .thumbnail .lazy {
			width: 100%;
			height: 126px;
		}
		.feature-list .thumbnail .caption p {
			height: 80px;
			overflow: hidden;
		}
		@media (max-width: 768px) {
			#my-slide .btn {
				margin-bottom: 0px;
			}
			.feature-list .thumbnail .caption p {
				height: auto;
			}
		}
		.btn-default-inverse {
			color: #fff;
			border-color: #fff;
			text-shadow: none;
		}
		.btn-default-inverse:hover, .btn-default-inverse.hover, .btn-default-inverse.active {
			color: #333;
			background: #fff;
		}
		.slider_text {
			width: 460px;
			line-height: 32px;
		}
    </style>
</block>

<block name="script">
    <if condition="$ismobile">
        <link rel="stylesheet" href="__CSS__/owlcarousel/owl.carousel.min.css" />
        <link rel="stylesheet" href="__CSS__/owlcarousel/owl.theme.default.min.css" />
        <script src="__JS__/owl.carousel.min.js"></script>
        <script>
            $(document).ready(function() {
                $('.owl-carousel').owlCarousel({
                    margin:0,
                    autoplay:true,
                    lazyContent:true,
                    items:1,
                });
            });
        </script>
        <else/>
        <script type="text/javascript" src="__PUBLIC__/libs/jquery_devrama_slider/jquery.devrama.slider.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#my-slide').DrSlider({
                    width : '100%',
                    height : '500px',
                    userCSS : false,
                    transitionSpeed : 1000,
                    duration : 8000,
                    transition : 'random',
                    showNavigation : true,
                    navigationType : 'circle',
                    positionNavigation : 'in-center-bottom',
                    navigationColor : 'rgb(223,223,223)',
                    navigationHoverColor : '#00A4FF',
                    navigationHighlightColor : '#00A4FF',
                    showProgress : true,
                    progressColor : '#fff',
                    pauseOnHover : true
                });
            });
            $(window).resize(function() {
                wWidth = $(window).width();
                if (wWidth < 480) {
                    tWidth = wWidth - 30;
                    $('.slider_text').css({
                        width : tWidth
                    });
                } else {
                    $('.slider_text').css({
                        width : 460
                    });
                }
            });
            </if>
        </script>
</block>

<block name="header">
    <header class="jumbotron subhead" id="overview">
        <if condition="$ismobile">
            <div class="row">
            <div class="large-12 columns" style="background:#08c;">
            <div class="owl-carousel owl-theme">
                <div class="col-xs-12 col-sm-12">
                    <h1 style="display:inline-block;">{:C('WEB_SITE_TITLE')}</h1>
                    <p>
                        珠海市大学加科技有限公司致力于在校大学生的互联网技能培训，通过独有的教学方式以及全面的实战环境帮助在校大学生掌握必要的互联网开发技能、积累丰富的互联网运用方面的经验技巧，引导学员对互联网运用方向形成更加深入全面的理解，为社会输出优质的互联网人才。
                    </p>
                    <p>
                    <a class="btn btn-default-inverse btn-pills" href="{:U('Index/register')}"><i class="glyphicon glyphicon-ok"></i> 马 上 报 名</a>
                    <a class="btn btn-default-inverse btn-pills" target="_blank" href="{:U('Article/detail/id/19')}"><i class="glyphicon glyphicon-eye-open"></i>查看课程</a>
                    </p><p>
                    <span class="small">收获技能知识、经验技巧、项目经验 , 获得团队、创意、资金和指导。</span>
                    </p>
                </div>
                <div class="col-xs-12 col-sm-12">
                    <h1 style="display:inline-block;">{:C('WEB_SITE_TITLE')}</h1>
                    <p>
                        珠海市大学加科技有限公司致力于在校大学生的互联网技能培训，通过独有的教学方式以及全面的实战环境帮助在校大学生掌握必要的互联网开发技能、积累丰富的互联网运用方面的经验技巧，引导学员对互联网运用方向形成更加深入全面的理解，为社会输出优质的互联网人才。
                    </p>
                    <p><a class="btn btn-default-inverse btn-pills" href="{:U('Index/register')}"><i class="glyphicon glyphicon-ok"></i> 马 上 报 名</a>
                    <a class="btn btn-default-inverse btn-pills" target="_blank" href="{:U('Article/detail/id/19')}"><i class="glyphicon glyphicon-eye-open"></i>查看课程</a>
                    </p><p>
                    <span class="small">大学生在校互联网技能培训专家、专业的人才孵化和创业孵化平台。</span>
                    </p>
                </div>
                </div>
                </div>
            </div>
            <else/>
            <div id="my-slide" style="color:#fff;text-shadow: 0 1px 3px rgba(00,08,cc,.4),0 0 30px rgba(0,0,0,.075);">
                <div class="slider1" style="background:#08c;">
                    <div data-pos="['0%', '20%', '10%', '5%']" data-duration="300" data-effect="move">
                        <h1 style="display:inline-block;width: 400px;">{:C('WEB_SITE_TITLE')}</h1>
                    </div>
                    <div class="slider_text" data-pos="['0%', '10%', '30%', '5%']" data-duration="300" data-effect="move">
                        珠海市大学加科技有限公司致力于在校大学生的互联网技能培训，通过独有的教学方式以及全面的实战环境帮助在校大学生掌握必要的互联网开发技能、积累丰富的互联网运用方面的经验技巧，引导学员对互联网运用方向形成更加深入全面的理解，为社会输出优质的互联网人才。
                    </div>
                    <div data-pos="['0%', '20%', '65%', '5%']" data-duration="200" data-effect="move">
                        <a class="btn btn-default-inverse btn-pills" href="{:U('Index/register')}" style="padding:6px 50px;"><i class="glyphicon glyphicon-ok"></i> 马 上 报 名</a>
                        <a class="btn btn-default-inverse btn-pills" target="_blank" href="{:U('Article/detail/id/19')}"><i class="glyphicon glyphicon-eye-open"></i>查看课程</a>
                    </div>
                    <div data-pos="['100%', '0%', '88%', '5%']" data-duration="300" data-effect="move">
                        <span class="small">收获技能知识、经验技巧、项目经验 , 获得团队、创意、资金和指导。</span>
                    </div>
                    <div class="hidden-xs" data-pos="['0%', '110%', '6%', '56%']" data-duration="300" data-effect="move">
                        <!--img src="__IMG__/feature/right.jpg"-->
                    </div>
                </div>
                <div class="slider2" style="background:#047ecc;">
                    <div data-pos="['0%', '20%', '10%', '5%']" data-duration="300" data-effect="move">
                        <h1 style="display:inline-block;width: 400px;">{:C('WEB_SITE_TITLE')}</h1>
                    </div>
                    <div class="slider_text" data-pos="['0%', '10%', '30%', '5%']" data-duration="300" data-effect="move">
                        珠海市大学加科技有限公司致力于在校大学生的互联网技能培训，通过独有的教学方式以及全面的实战环境帮助在校大学生掌握必要的互联网开发技能、积累丰富的互联网运用方面的经验技巧，引导学员对互联网运用方向形成更加深入全面的理解，为社会输出优质的互联网人才。
                    </div>
                    <div data-pos="['0%', '20%', '65%', '5%']" data-duration="200" data-effect="move">
                        <a class="btn btn-default-inverse btn-pills" href="{:U('Index/register')}" style="padding:6px 50px;"><i class="glyphicon glyphicon-ok"></i> 马 上 报 名</a>
                        <a class="btn btn-default-inverse btn-pills" target="_blank" href="{:U('Article/detail/id/19')}"><i class="glyphicon glyphicon-eye-open"></i> 查看课程</a>
                    </div>
                    <div data-pos="['100%', '0%', '88%', '5%']" data-duration="300" data-effect="move">
                        <span class="small">大学生在校互联网技能培训专家、专业的人才孵化和创业孵化平台。</span>
                    </div>
                    <div class="hidden-xs" data-pos="['0%', '100%', '6%', '56%']" data-duration="300" data-effect="move">
                        <img src="__IMG__/feature/qrcode.jpg">
                    </div>
                </div>
            </div>
        </if>
    </header>
</block>

<block name="body">
    <div class="row feature-list" style="margin-right:0;margin-left:0;">
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
                <!--a href="{:U('Article/detail/id/3')}"><img class="lazy" data-lazy="__IMG__/feature/index1.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/3')}">大学加
                    <br>
                    <small>简单、高效、酷</small></a></h3>
                    <p>
                        为在校大学生专属制定的互联网技能学习课程，具有低门槛、见效快、高回报、有保障的特点，能让各位同学迅速成为炙手可热的互联网人才。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
                <!--a href="{:U('Article/detail/id/4')}"><img class="lazy" data-lazy="__IMG__/feature/index2.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/4')}">把握大趋势
                    <br>
                    <small>互联网+、大数据、工业4.0</small></a></h3>
                    <p>
                        选择大趋势，才能顺势而为事半功倍，目前互联网就是这个大趋势。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
<!--a href="{:U('Article/detail/id/5')}"><img class="lazy" data-lazy="__IMG__/feature/index3.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/5')}">实用技能
                    <br>
                    <small>三大发展方向纵横天下</small></a></h3>
                    <p>
                        三大发展方向对应我们熟悉的岗位就是：运营总监COO、产品总监CPO、研发总监R&D。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
<!--a href="{:U('Article/detail/id/6')}"><img class="lazy" data-lazy="__IMG__/feature/index4.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/6')}">有保障
                    <br>
                    <small>三条线路学习有保障</small></a></h3>
                    <p>
                        课堂讲授全面的知识体系、一带三小团队传承独有经验、参与项目研发轻松收获窍门技巧。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
<!--a href="{:U('Article/detail/id/7')}"><img class="lazy" data-lazy="__IMG__/feature/index5.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/7')}">低门槛
                    <br>
                    <small>拒绝被坑</small></a></h3>
                    <p>
                        学费分阶段收超低门槛进入，随时可退出，退出零风险，拒绝被坑；每阶段学会为止，不限次数，不重复收费。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
<!--a href="{:U('Article/detail/id/8')}"><img class="lazy" data-lazy="__IMG__/feature/index6.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/8')}">变现快
                    <br>
                    <small>入学即就业，现学现卖</small></a></h3>
                    <p>
                        第三阶段起即可参与项目，赚取项目研发费用；三大发展方向，务使人尽其才、才尽其用。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
<!--a href="{:U('Article/detail/id/9')}"><img class="lazy" data-lazy="__IMG__/feature/index7.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/9')}">人才孵化
                    <br>
                    <small>轻轻松松做股东</small></a></h3>
                    <p>
                        与各地人才孵化基地紧密合作，拼团队做股东。
                    </p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-3 texing">
            <div class="thumbnail">
<!--a href="{:U('Article/detail/id/10')}"><img class="lazy" data-lazy="__IMG__/feature/index8.jpg"></a-->
                <div class="caption">
                    <h3 class="text-center"><a href="{:U('Article/detail/id/10')}">创业孵化
                    <br>
                    <small>成功做老板</small></a></h3>
                    <p>
                        我带着你，你带着梦想，创业，你做老板。
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="__PUBLIC__//libs/jquery_lazyload/jquery.scrollLoading.js"></script>
</block>